<template>
  <m-layout>
    <mt-header slot="header" title="能力值解释">
      <m-header-back slot="left"/>
    </mt-header>
    <div slot="body">
      <m-section class="explain">
        <div class="explain-text small">
          能力值雷达图，根据篮球运动及青少年发展规律，姚明篮球俱乐部划分了七个最重点维度，分别是：体能和协调性；控球能力；传接球能力；投篮上篮能力；防守能力；团队协作能力；运动精神。单项能力值上限为999分，所有学员单项的初始分值为300分，通过不同种类的行为可以获得相应分值，分值获取标准如下：
        </div>
      </m-section>
      <m-section class="small">
        <m-flexbox class="explain-item weak" justify="space-between">
          <div>类目</div>
          <div>维度</div>
          <div>分值变化</div>
        </m-flexbox>
        <m-flexbox class="explain-item" justify="space-between">
          <div>测试取得A+评级</div>
          <div>测试，相应测试维度</div>
          <div class="blue">+30分</div>
        </m-flexbox>
        <m-flexbox class="explain-item" justify="space-between">
          <div>测试取得A评级</div>
          <div>测试，相应测试维度</div>
          <div class="blue">+20分</div>
        </m-flexbox>
        <m-flexbox class="explain-item" justify="space-between">
          <div>测试取得B评级</div>
          <div>测试，相应测试维度</div>
          <div class="blue">+10分</div>
        </m-flexbox>
        <m-flexbox class="explain-item" justify="space-between">
          <div>测试取得C评级</div>
          <div>测试，相应测试维度</div>
          <div class="weak">无变化</div>
        </m-flexbox>
      </m-section>
    </div>
  </m-layout>
</template>

<script>

export default {
  name: '',
  data () {
    return {}
  },
  created () {

  },
  methods: {}
}
</script>
<style lang="scss" scoped>
  .explain{
    &-text{
      padding: 0.28rem 0.3rem 0.24rem;
      line-height: 0.42rem;
    }
  }
  .explain-item{
    padding: 0 0.3rem;
    height: 1rem;
  }
</style>
